import { FC } from 'react';
import './index.less';
import videoSrc from './video.png';
import classnames from 'classnames';
interface Props {
  checked?: boolean;
  duration: string;
  title: string;
  onClick?: () => void;
}
const Index: FC<Props> = ({ checked, duration, title, onClick }) => {
  return (
    <div
      className={classnames('c-lecturer-select-item-container', {
        'c-lecturer-select-item-container-checked': checked,
      })}
      onClick={onClick}
    >
      <span>
        <img loading="lazy" src={videoSrc} alt="" />
      </span>
      <div>
        <span className="c-lecturer-select-item-title">{title}</span>
        <span className="c-lecturer-select-item-extra">视频时长：{duration}</span>
      </div>
    </div>
  );
};
export default Index;
